<template>
  <div id="app">
    <div id="navwrapper">
      <nav>
        <ul class="link-list pos-left">
          <li class="item">
            <router-link to="/oldonepic">"一张图"实战指挥应用视图</router-link>
          </li>
          <li class="item">
            <span>\</span>
          </li>
          <li class="item">
            <router-link to="/remoter">远程监控系统视图</router-link>
          </li>
        </ul>
        <div alt class="logo" :class="viewName"></div>
        <div class="backBtn"><a href="http://114.115.153.22:2222/Frostbite/index.html" style="color:#ffffff">返回主页</a></div>
        <ul class="link-list pos-right">
          <li class="item">
            <router-link to="/risk">业务风险管控视图</router-link>
          </li>
          <li class="item">
            <span>/</span>
          </li>
          <li class="item">
            <router-link to="/eff2">综合效能评估视图</router-link>
          </li>
        </ul>
      </nav>
    </div>
    <section>
      <router-view/>
    </section>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      viewName: ""
    };
  },
  created() {
    this.getViewName();
  },
  methods: {
    getViewName() {
      let that = this
      this.bus.$on('loadView',v=>{
        that.viewName = 'logo-'+v
      })
    }
  },
  beforeDestroy() {
    this.bus.$off('loadView')
  }
};
</script>

<style>
</style>
